<template>
<div>
  主页
  <div>hello-a: {{ helloa }}</div>
  <div class="text-red-500">hello-f: {{ hellof }}</div>
  <el-empty image="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" />
  1
  <el-icon>
    <Female />
  </el-icon>
  <button class="text-white px-4 sm:px-8 py-2   sm:py-3 bg-sky-700 hover:bg-sky-800">...</button>
  1
  <hello-world />
  <button @click="navigateToHome">跳转home</button>
</div>
</template>

<script lang="ts" setup>
import { Female } from "@element-plus/icons-vue";

const router = useRouter()

const helloa = ref("");
const hellof = ref("");

function navigateToHome() {
  router.push("/home");
}
</script>

<style></style>
